<template>
    <div class="stream-loading-container">
        <Overlay
            :bgImage="defaultAvatarSrc"
            :blur="false"
            :customStyle="{ position: 'absolute', zIndex: 0 }"
        />
        <Loading mode="dot" color="#FFF" loadingWidth="50px" loadingHeight="50px" />
    </div>
</template>

<script lang="ts" setup>
import Loading from '../../../base/Loading/Loading.vue'
import Overlay from '../../../base/Overlay/Overlay.vue'
const defaultAvatarSrc =
    'https://pandauke.oss-cn-guangzhou.aliyuncs.com/static/img/assets/common/defaultAvatar.svg'
</script>

<style scoped>
.stream-loading-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
